<!-- 预配查询 -->
<template>
  <div class="prevision-search">
    <!-- 查询 -->
    <el-card :body-style="{padding: '20px 20px 0 20px'}" class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-search"></i>
        <span>数据检索</span>
      </div>
      <div class="content">
        <el-row>
          <el-col :span="20">
            <el-form :model="formData" label-width="160px" size="medium">
              <el-row>
                <el-col :span="12" :lg="10">
                  <el-form-item label="岗位名称">
                    <el-input v-model="formData.gwmc"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
          </el-col>
          <el-col :span="4">
            <el-button type="primary" size="medium">查询</el-button>
          </el-col>
        </el-row>
      </div>
    </el-card>
    <!-- 操作 -->
    <el-row>
      <el-form size="mini" :inline="true" class="demo-form-inline">
        <el-row>
          <el-col :span="20">
            <span style="vertical-align: middle">岗位列表</span>
          </el-col>
          <el-col :span="4">
            <el-form-item>
              <el-button type="primary" size="mini">添加</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-row>
    <!-- 表格 -->
    <el-table
      border
      :data="tableData"
      style="width: 100%">
      <el-table-column
        align="center"
        label="序号">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column
        align="center"
        label="岗位名称">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column
        align="center"
        label="岗位编码">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column
        align="center"
        label="操作">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData: [],
      formData: {}
    }
  }
}
</script>

<style lang="less">
</style>
